body,html{
    font-size: .18rem;
    // background-color: #fff;
}
/****************************重置样式****************************/
*{
  margin:0px;
  padding:0px;
  /*color:#333;*/
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  // tap-highlight-color:rgba(0,0,0,0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#app{
  width: 100%;
  height: 100%;
}
html{overflow-x:hidden;width:100%;margin:0 auto;}
html,body{height:100%;position:relative;}
i,em,th,td{font-style:normal;font-weight: normal;}
ul,li,ol{list-style:none;}
select{background-color:none;}
a,input,textarea,select,button{outline:none;border:none;}
// select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;}
a,a img{border:0 none;text-decoration:none;}
::-webkit-input-placeholder{color:#ccc;}
:-moz-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;}
:-ms-input-placeholder{color:#ccc;}
::-webkit-search-cancel-button{display:none}

/****************************常用样式****************************/
.nameEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; //将元素设为盒子伸缩模型显示
    -webkit-box-orient: vertical; //伸缩方向设为垂直方向
    -webkit-line-clamp: 3;  //超出3行隐藏，并显示省略号
  
}